<template>
  <div class="">
    <div class="successImg text-center">
      <img src="/static/wechat/images/success@2x.png" alt="">
    </div>
    <div class="successTip text-center">
      推荐成功
    </div>
    <button class="button" @click='goNext()'>继续推荐</button>
  </div>
</template>
<script>
  export default {
    name: 'successfulRegistration',
    data () {
      return {
        msg: 'successfulRegistration'
      }
    },
    methods:{
      goNext(){
        this.$router.push({
          path:`/referral`
        })
      },
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  div{
    text-align: center;
  }
  button{
    font-size: 16px;
    width: 50%;
    margin: 5% auto;
  }

</style>
